<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>JackLin的博客</title>

    <!--    标签栏图标   -->
    <link rel="shortcut icon" href="/image/logo.png" type="image/x-icon">

    <!--     “时间轴” css 代码文件 -->
    <link rel="stylesheet" th:href="@{/timeline/css/history.css}">
    <!--    引入导航栏的 css 代码文件 -->
    <link rel="stylesheet" th:href="@{/css/article-title.css}">
    <!--    滑动到顶部火箭 -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/rocketTop.css}">
    <!--    关于底部备案号的 css 样式文件   -->
    <link rel="stylesheet" th:href="@{/css/blog-footer.css}">

    <!--    字体图标    -->
    <script src="http://at.alicdn.com/t/font_1697913_qro0wpzn1zo.js"></script>
    <!--    引入 JQuery-->
    <script th:src="@{/js/jquery-3.4.1.js}"></script>
    <!--    引入平滑滚动的 js-->
    <script th:src="@{/js/jquery.scrollTo.js}"></script>
    <!--    引入滚动监测的 js-->
    <script th:src="@{/js/jquery.waypoints.js}"></script>
    <!--    滑动到顶部 js -->
    <script type="text/javascript" th:src="@{/js/rocketTop.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/fonts/font-awesome.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/fonts/animate.css}">
    <link rel="shortcut icon" href="image/fav.ico" type="image/x-icon">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=""/>
    <meta name="keywords" content=" "/>
    <meta name="author" content="Shrinath Nayak">
    <meta name="robots" content="index, follow"/>
</head>
<body>

<!--    头部导航栏-->
<div th:replace="~{common/commonsfile::article-topbar}"></div>
<div class="card ">
    <center><img class="c1 center animated rollIn" th:src="@{/image/logo.png}" alt="avatar"></center>
    <hr>
    <div class="name">
        林凯
    </div>
    <p class="subtitle">学生</p>
    <p class="location">
        <i class="fa fa-map-marker"> </i>
        <a href="#" target="_blank"> 热爱编程，喜欢滑板，足球，喜欢挑战一些新鲜事物；B站小小UP主，喜欢折腾一些花里胡哨的东西，并把自己喜欢的，认为有意思的东西做成一视频发布到B站。</a>
    </p>
    <p>

    </p>
</div>
<!--<div class="card1 animated fadeIn ">-->
<!--    <center><img class="c1 center animated rollIn" th:src="@{/image/ava.png}" alt="avatar"></center>-->
<!--    <hr>-->
<!--    <div class="name">-->
<!--        邹吉祥-->
<!--    </div>-->
<!--    <p class="subtitle">学生</p>-->
<!--    <p class="location">-->
<!--        <i class="fa fa-map-marker"> </i>-->
<!--        <a href="#" target="_blank"> 某划水协会成员，负责了后端，时间轴和这个界面的制作</a>-->
<!--    </p>-->
<!--    <p>-->

<!--    </p>-->
<!--</div>-->
</body>
<style>
    .card {
        margin-left: 35% !important;
    }
</style>
</html>